#designItem{
    height: 100%;
    width: 100%;
    }
    .switchClose{
      float: right;
      cursor: pointer;
    
    }
    
    .flexContent .designCol{
      cursor: pointer;
        border: 1px solid  rgba(220, 222, 226, 1);
    }
     .flexContent .designRow{
          border-top: 1px dashed rgba(220, 222, 226, 1);
    }
    .flexContent .designRow:last-child{
        border-bottom: 1px dashed  rgba(220, 222, 226, 1);
    }
    .designBoardPosition{
      position: relative;
    }
    .designBoardAb{
      width:100%;height:100%;
      user-select: none;
     
    }
    .designHtml{
      user-select:text;
    }
    .flexContent{
      display: flex;
      width:100%;height:100%;
    }
    .flexContentLeft{
      flex: 4;
    }
    .flexContent .flexContentRight{
       border-left: 1px solid  rgba(220, 222, 226, 1);
       flex: 1;
    }
    .flexContent .designborder{
       border: 1px solid  rgba(220, 222, 226, 1);
       cursor: pointer;
       height: 130px;
    }
    .designChioce{
      border: 2px solid #2d8cf0;
    }
    .mergeCol{
      display: flex;
      flex-flow: column;
    }
    .mergeRow{
      flex: 1;}
      .designTr{
        width: 100%;
        height: 100%;
        display: flex;
        flex: 1;
      }
       .designFlex{
         display: flex;
      }
      .designTd{
         display: flex;
        flex: 1; 
      }